/* car/index/index.wxss */
page{
    background:#f8f8f8;
}
.top_contain{
    background:white;
}
.top{
    background:#eff8ff ;
    padding:20rpx;
    display: flex;
    justify-content: space-between;
    font-size: 28rpx;
}
.car_contain{
    margin:20rpx;
    padding:15rpx;
    background:white;
    border-radius: 20rpx;
    font-size: 28rpx;
}
.car_title{
    display: flex;
    padding-bottom: 15rpx;
    border-bottom: 1px solid #f8f8f8;
}
.car_title_info{
    width:15%;
}
.car_title_info text{
    background:#f63f2d;
    color:white;
    border-radius: 5rpx;
}
.car_title_left{
    width:45%;
}
.car_title_right{
    width:45%;
    text-align: right;
}
.car_item{
    margin-top:30rpx;
    display: flex;
    justify-content: space-between;
}
.car_item_ck{
    width:10%;
    display: flex;
    align-items: center;
}
.car_item_pic{
    width:30%;
    height:200rpx;
}
.car_item_pic .t-image{
    width:100%;
    height:200rpx;
}
.car_item_info{
    width:65%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.info_contain{
    margin:15rpx 0;
    font-size: 24rpx;
}
.info_item{
    margin-bottom: 15rpx;
    display: flex;
    align-items: center;
}
.info_item text{
    color:black;
}
.info_item text.info_item_title{
    width:20%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.info_item text.info_title{
    color:#8b8b8b;
    padding-right:15rpx;
}
.goods_title{
    font-size: 30rpx;
}
.goods_price_contain{

}
.goods_price{
    display: flex;
    justify-content: space-between;
}
.price{
    font-size: 24rpx;
    color:red;
    font-weight: bold;
}
.price text{
    font-size: 35rpx;
}
.goods_price_info{
    font-size: 22rpx;
    color:#f63f2d;
}

.car_none_contain{
    margin:20rpx;
    padding:20rpx;
    background: white;
    border-radius: 20rpx;
}
.car_item_ck .done{
    font-size: 24rpx;
    background:#e4eaea;
    color:#8b8b8b;
    border-radius: 5rpx;
    padding:2rpx;
}
.price_none{
    font-size: 24rpx;
    color:#8b8b8b;
}
.none_title{
    display: flex;
    justify-content: space-between;
    padding-bottom: 15rpx;
    border-bottom: 1px solid #f8f8f8;
}
.none_title .none_title_left{
    font-size: 30rpx;
}
.none_title_right{
    font-size: 24rpx;
    color:#227dc4;
}
.price_total{
    font-size: 30rpx;
}
.price_total text.total_title{
    font-weight: bold;
    font-size: 35rpx;
}
.price_total text.total_info{
    font-size: 40rpx;
    color:red;
    font-weight: bold;
}

.yhq_contain{
    display: flex;
}
.yhq_left{
    margin-right:15rpx;
}
.yhq_right text.sl_yhq{
    color:#8b8b8b;
}
.block {
    width: 100vw;
    background: #fff;
    border-top-left-radius: 16rpx;
    border-top-right-radius: 16rpx;
  }
  .block2 {
    width: 100vw;
    background: #fff;
    border-radius: 16rpx;
  }
.yhq_list{
    padding:20rpx;
}  

.yhq_item{
    width:100%;
    height:200rpx;
    position: relative;
    margin-bottom: 20rpx;
}
.yhq_item image.bg{
    width:100%;
    height:100%;
}
.yhq_content{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.yhq_content_body{
    width:100%;
    height:100%;
    display: flex;
    justify-content: space-between;
    font-size: 28rpx;
}
.yhq_content_left{
    width:30%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.yhq_price{
    font-size: 60rpx;
    font-weight: bold;
    color:red;
}
.yhq_num{
    color:#8b8b8b;
    width:100%;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.yhq_price_info{
    text-align: center;
    margin-top:10rpx;
}
.yhq_content_right{
    width:70%;
}
.yhq_title_info{
    margin:10rpx 20rpx;
    font-size: 30rpx;
    font-weight: bold;
}
.yhq_time{
    margin:0 20rpx;
    color:#8b8b8b;
}
.yhq_btn{
    margin:10rpx 20rpx;
    background-color: orangered;
    padding:10rpx 0;
    text-align: center;
    color:white;
    border-radius: 20rpx;
    font-size: 30rpx;
}
.yhq_btn_none{
    width:100%;
    color:black;
    margin:0 20rpx;
    margin-top:10rpx;
}


/*car_order*/
.car_order_contain{
    width:100%;
    position: fixed;
    left:0;
    bottom:0;
    z-index:100;
    background: white;
}
.car_order{
    padding:20rpx;
    display: flex;
    justify-content: space-between;
    font-size: 24rpx;
    align-items: center;
}
.car_order_left{}
.car_order_right{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order_info{
    text-align: right;
}
.info_price{
}
.info_price text{
    color:red;
    font-size: 35rpx;
    font-weight: bold;
}
.info_info{
    color:red;
}
.order_btn{
    flex:1;
    background: orangered;
    border-radius:50rpx;
    padding:15rpx 20rpx;
    text-align: center;
    color:white;
    font-size: 35rpx;
}
.order_btn text{
    font-size: 30rpx;
    padding-left:10rpx;
}
.price_order_info{
    height:0;
    transition: all ease 0.5s;
}
.price_order_info .item{
    margin:0 20rpx;
    margin-top: 15rpx;
    margin-bottom: 15rpx;
    font-size: 28rpx;
    text-align: left;
    padding-bottom: 15rpx;
    border-bottom: 1px solid #f8f8f8;
}
.price_order_info .item text{
    color:#8b8b8b;
    padding-right:20rpx;
}
/*nav*/
.foot_nav{
    width:100%;
    height:110rpx;
    position:fixed;
    left:0;
    bottom:0;
    z-index: 100;
  }
  .foot_nav_body{
    width:100%;
    height:100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
    background: white;
  }
  .foot_nav_item{
    width:25%;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .foot_nav_item .t-image{
    width:50rpx;
    height:50rpx;
  }
  .foot_nav_item text{
    margin-top:10rpx;
    font-size: 24rpx;
    color:#8b8b8b;
  }
  